<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠州市宇林源科技有限公司-关于我们</title>
    <!-- 关于我们样式 -->
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="lib/wow/css/libs/animate.css">
    <!-- Jquery包 -->
    <script src="js/jquery/jquery-3.5.1.min.js"></script>
</head>
<body>
    <!-- 头部导航栏 -->
    <div id="header"> 
        <div class="nav">
            <a href="" class="logo"><img src="images/logo.png" alt="" srcset=""></a>
            <div id="nav-btn" class="btn">
                <img src="images/Menu.png" style="margin: 5px;width: 30px;height: 30px;" alt="" srcset="">
            </div>
            <ul class="nav-bar">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="news.html">新闻中心</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">服务与支持</a></li>
                <li><a href="#">店铺直购</a></li>
                <li style="border-bottom: 0;">
                    <select style="border-bottom: 1px solid #ccc;" name="" id="">
                        <option value="">中文简体</option>
                        <option value="">英文</option>
                        <option value="">日文</option>
                    </select>
                </li>
            </ul>
        </div>
    </div>
    <!-- /头部导航栏 -->
    <!-- 轮播图 -->
    <div class="banner">
        <div class="container">
            <div class="title">
                <p>关于我们</p>
            </div>
            <span>About Us</span>
        </div>
    </div>
    <!-- /轮播图 -->
    <!-- 内容区 -->
    <div class="content">
        <div class="content-nav">
            <div class="list_dl wow bounceInLeft">
                <div class="list_title">
                    <span>关于我们</span>
                </div>
                <div class="list_c">
                    <div class="list_dt active">
                        <span class="_after"></span>
                        <p>公司简介</p>
                    </div>
                    <div class="list_dt">
                        <span class="_after"></span>
                        <p>企业文化</p>
                    </div>
                    <div class="list_dt">
                        <span class="_after"></span>
                        <p>组织架构</p>
                    </div>
                    <div class="list_dt">
                        <span class="_after"></span>
                        <p>发展经历</p>
                    </div>
                    <div class="list_dt">
                        <span class="_after"></span>
                        <p>生产基地</p>
                    </div>
                    <div class="list_dt">
                        <span class="_after"></span>
                        <p>品牌招商</p>
                    </div>
                    <div class="list_dt">
                        <span class="_after"></span>
                        <p>联系我们</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-article wow bounceInRight">
            <div class="article-title">
                <span>公司简介</span>
            </div>
            <div class="content">
                <img src="images/company.png" alt="" srcset="">
                <span>&nbsp;&nbsp;惠州市宇林源能源科技有限公司成立于2018年，是一家专注于“智能生活、健康产业及新能源产业”的高新科技企业，公司集设计、研发、销售于一体，产品涵括智能医疗、智能穿戴、智能储能等智能终端产品。<br>&nbsp;&nbsp;目前，公司研发人员占总员工人数40%以上，这些高素质高学历的技术精英紧跟科技发展最前沿，敢于创新，精于开发，凭借强大的技术优势、开拓进取的专业态度和尽善尽美的服务精神，宇林源产品不仅具有精美时尚的外观设计和科学优越的产品性能，而且在应用功能上也领先行业水平。<br>&nbsp;&nbsp;面对滚滚而来的万物互联浪潮，宇林源将一如既往地肩负科技使命，紧紧抓住物联网时代的发展机遇，向全球客户提供设计、开发、技术支持等优质服务，引领人类开创智能生活新纪元，力争成为国际一流的科技服务型企业。</span>
            </div>
        </div>
    </div>
    <!-- 底部联系方式 -->
    <div class="footer">
        <div class="footer-logo">
            <img src="images/logo.png" alt="" srcset="">
        </div>
        <div class="footer-content">
            <div class="footer-copyright">
                <span>版权所有@惠州市宇林源科技有限公司</span>&nbsp;<span>粤ICP备123456</span>
            </div>
            <div class="footer-record">
                <span>粤公网安备126354812</span>
            </div>
            <div class="footer-touch">
                <span>地址：惠州市</span>&nbsp;<span>电话:134-1253-5632</span>
            </div>
            <div class="footer-co">
                <span>传真010-123456</span>
                <span>邮箱：123@qq.com</span>
                <span>客服电话：123</span>
            </div>
        </div>
        <div class="footer-qr">
            <div class="qr">
                <img src="images/gongzhonghao.png" alt="">
                <p>关注惠州市宇林源科技有限公司</p>
            </div>
        </div>
    </div>
    <script src="lib/wow/dist/wow.js"></script>
    <script>
        new WOW().init();
    </script>
    <!-- 导航栏 -->
    <script type="text/javascript">
        // 开关状态
    var open = false;
        $('#nav-btn').click(function (){
                // 按钮状态
        $(this).css("background-color", open ? '' : '');
        var navBar = $('.nav-bar');
                // 设置header的高度，将导航列表显示出来
        var height = navBar.offset().top + navBar.height();
        $('#header').animate({
            height: open ? 80 : height
        });
                // 修改开关状态
        open = !open;
    });
    </script>
</body>
</html>